<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<jsp:include page="head.htm" />
</head>
<body>
	<jsp:include page="loggedIn.jsp" />
	<div id="head">
		<h1>Zeiterfassung</h1>
	</div>
	<jsp:include page="menu.jsp" />
	<div id="content">
		<h2>
			<c:out value="${title}" />
		</h2>
		<table cellpadding="0" cellspacing="0">
			<tr>
				<td>
					<form action="Arbeitstzeit.html" method="get" class="button">
						<table cellpadding="0" cellspacing="0">
							<tr>
								<td colspan="2">Datum für Ansicht ändern:</td>
							</tr>
							<tr>
								<td><input class="textbox big" name="atag_datum"
									id="datepicker" /></td>
								<td><input type="submit" value="wechseln" /></td>
							</tr>
						</table>
					</form>
				</td>
			</tr>
			<tr>
				<td>
					<div id="tabs">
						<ul>
							<li><a href="#tabs-1">Tagesansicht für den <c:out
										value="${tag.datum}" /></a></li>
							<li><a href="#tabs-2">Monatsansicht für <c:out
										value="${datum}" /></a></li>
						</ul>
						<div id="tabs-1">
							<table cellpadding="0" cellspacing="0" class="atag full">
								<tr>
									<td>Kommen:</td>
									<td><c:out value="${tag.atag_von}" /></td>
								</tr>
								<tr>
									<td>Gehen:</td>
									<td><c:out value="${tag.atag_bis}" /></td>
								</tr>
								<tr>
									<th>Pausen von:</th>
									<th>bis:</th>
								</tr>
								<c:forEach items="${pausen}" var="pause">
									<tr>
										<td><c:out value="${pause.atag_von}" /></td>
										<td><c:out value="${pause.atag_bis}" /></td>
									</tr>
								</c:forEach>
								<tr>
									<th colspan="2">Gesamt:</th>
								</tr>
								<tr>
									<td>Ist:</td>
									<td><c:out value="${tag.sZeit}" /></td>
								</tr>
								<tr>
									<td>Soll:</td>
									<td><c:out value="${soll_tag}" /></td>
								</tr>
							</table>
						</div>
						<div id="tabs-2">
							<table cellpadding="0" cellspacing="0" class="atag full">
								<tr>
									<th>Tag</th><th>Zeit</th>
								</tr>
								<c:forEach items="${monat}" var="tag">
									<tr>
										<td><c:out value="${tag.datum}" /></td>
										<td><c:out value="${tag.sZeit}" /></td>
									</tr>
								</c:forEach>
								<tr>
									<th colspan="2">Gesamt:</th>
								</tr>
								<tr>
									<td>Ist:</td>
									<td><c:out value="${monat_zeit}" /></td>
								</tr>
								<tr>
									<td>Soll:</td>
									<td><c:out value="${soll_monat}" /></td>
								</tr>
							</table>
						</div>
					</div>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>
